<template>
	<view class="fill_list_card" @click="clickFillListCard()" >
		<view class="">
			<view class="details">
				<view class="tag">指标类型</view>
				<view>{{myInfo.performance_type}}</view>
			</view>
			<view class="details">
				<view class="tag">指标名称</view>
				<view class="text">{{myInfo.work_target}}</view>
			</view>
			<view class="details">
				<view class="tag">工作时长</view>
				<view>{{myInfo.work_time}}h</view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		name: "FillListCard",
		props: {
			myInfo: Object,
		},
		methods:{
			clickFillListCard(){
				this.$emit('clickFillListCard')
			}
		}
	}
</script>

<style lang="scss" scoped>
	
	.fill_list_card {
		display: flex;
		position: relative;
		background-color: #FFFFFF;
		box-sizing: border-box;
		border-radius: 8rpx;
		padding: 30rpx 30rpx 10rpx 30rpx;
		margin: 10rpx 0 10rpx 50rpx;
		box-shadow: 0px 0px 6rpx 0px rgba(0, 0, 0, 0.4);
		.details {
			display: flex;
			font-size: 28rpx;
			color: #394954;
			margin-bottom: 20rpx;
	
			.tag {
				margin-right: 30rpx;
				color: #999999;
			}

			.text{
				width: 450rpx;
				white-space:nowrap;
				overflow:hidden;
				text-overflow:ellipsis;
			}
		}
	}
</style>

